.bg{
  background-image: url("")
}
.cropper-wrapper{
  width: 600px;
  height: 120px;
  .img-box{
    height: 340px;
    width: 430px;
    border: 1px solid #ebebeb;
    display: none;
    .bg;
    img{
      max-width: 100%;
      display: none;
    }
  }
  .right-line {
    display: flex;
    .right-con{
      display: inline-block;
      width: 350px;
      vertical-align: top;
      box-sizing: border-box;
      padding: 0 10px;
      .preview-box{
        display: none;
        align-items: center;
        justify-content: center;
        height: 250px !important;
        width: 100% !important;
        overflow: hidden;
        border: 1px solid #ebebeb;
        .bg;
      }
      .button-box{
        padding: 10px 0 0;
      }
    }
    .right-pre {
      display: flex;
      align-self: flex-start;
      margin-left: 150px;
    }
    .video-pre {
      display: flex;
      padding-bottom: 100px;
    }
  }
}
